
import { Space, Swiper } from 'antd-mobile'
import React, { Component } from 'react';

class mySwiper extends Component {
    render() {
        var { pics } = this.props;
        return (
            <div className='swiper'>
                <Swiper
                indicator={(total, current) => (
                    <div className='customIndicator'>
                        {`${current + 1} / ${total}`}
                    </div>
                )}
                >
                {
                     pics&&pics.map((item, index) => {
                        return (
                        <Swiper.Item key={index}>
                            <img src={item}  />
                        </Swiper.Item>
                        )
                     })
                }
                    
                </Swiper>
            </div>
        );
    }
}

export default mySwiper;